<template>
    <div class="app-board-container">
        <div class="board-main-wrapper">
            <Cephalosome />
            <MasterContent />
        </div>
    </div>
</template>

<script setup lang="ts">
import Cephalosome from './components/Cephalosome/index.vue';
import MasterContent from './components/MasterContent/index.vue';
</script>

<style lang="less" scoped>
.app-board-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: url('@/assets/image/bg.png') 100% no-repeat;
    background-size: cover;
    .board-main-wrapper {
        background-color: rgba(0,12,47, .6);
        width: 100%;
        height: 100%;
    }
}
</style>